<!DOCTYPE html>
<html>

<!-- Head -->
<head>

	<title>登录注册html模板</title>

	<meta name="keywords" content="登录注册html模板"/>
	
	<meta name="description" content="最全的登录注册html模板下载网站http://cn.inspinia.cn"/>
	<!-- Meta-Tags -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- //Meta-Tags -->

	<!-- Custom-Styleheet-Links -->
		<link rel="stylesheet" href="css/style.css"  		 type="text/css" media="all">
		<link rel="stylesheet" href="css/animate-custom.css"  type="text/css" media="all">
	<!-- //Custom-Styleheet-Links -->

</head>
<!-- //Head -->



<!-- Body -->
<body>

	<h1 class="w3layouts agileits">TRAVEL AGENCY SIGN IN FORM</h1>

	<div class="container w3layouts agileits">

		<div class="content-left w3layouts agileits">
			<img src="images/background.jpg"  alt="Agileits">
			<p>Plan your next dream trip. Select your destination and leave the rest to us.</p>
			<a class="more w3layouts agileits" href="#">LEARN MORE</a>
			<div class="list w3layouts agileits">
				<ul class="w3layouts agileits">
					<li class="w3layouts agileits"><a href="#">About</a></li>
					<li class="li2 w3layouts agileits"><a href="#">Terms Of Use</a></li>
					<li class="w3layouts agileits"><a href="#">Contact</a></li>
				</ul>
			</div>
		</div>

		<div class="content-right w3layouts agileits">
			<section>
				<div id="container_demo">
					<a class="hiddenanchor w3layouts agileits" id="tologin"></a>
					<a class="hiddenanchor w3layouts agileits" id="toregister"></a>
					<div id="wrapper">
						<div id="login" class="animate w3layouts agileits form">
							<h2 class="w3layouts agileits">Sign In</h2>
							<form  action="#" autocomplete="on" method="post">
								<label>E-mail</label>
								<input type="text" Name="Userame" required>
								<label>Password</label>
								<input type="password" Name="Password" required>
								<div class="send-button w3layouts agileits">
									<p><a href="#">Forgot Password?</a></p>
									<form>
										<input type="submit" value="SIGN IN">
									</form>
									<div class="clear"></div>
								</div>
								<p class="change_link w3layouts agileits">
									Don't have an account? <a href="#toregister" class="to_register">Sign Up!</a>
								</p>
								<div class="clear"></div>
							</form>
							<div class="social-icons w3layouts agileits">
								<p>OR USE YOUR SOCIAL ACCOUNTS</p>
								<ul>
									<li class="fb w3ls w3layouts agileits"><a href="#"><span class="icons w3layouts agileits"></span><span class="text w3layouts agileits">Facebook</span></a></li>
									<li class="twt w3ls w3layouts agileits"><a href="#"><span class="icons w3layouts agileits"></span><span class="text w3layouts agileits">Twitter</span></a></li>
									<div class="clear"></div>
								</ul>
							</div>
							<div class="clear"></div>
						</div>
						<div id="register" class="animate w3layouts agileits form">
							<h2>Sign up</h2>
							<form  action="#" autocomplete="on" method="post">
								<form action="#" method="post">
									<label>Name</label>
									<input type="text" class="name w3layouts agileits" Name="Name" required>
									<label>Phone Number</label>
									<input type="text" class="phone w3layouts agileits" Name="Phone Number" required>
									<label>E-mail</label>
									<input type="text" Name="Email" required>
									<label>Password</label>
									<input type="password" Name="Password" required>
									<div class="send-button w3layouts agileits">
										<form action="#" method="post">
											<input type="submit" value="SIGN UP">
										</form>
									</div>
								</form>
								<p class="change_link w3layouts agileits">
									Already a member? <a href="#tologin" class="to_register">Sign In</a>
								</p>
								<div class="clear"></div>
							</form>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</section>
		</div>
		<div class="clear"></div>

	</div>

	<div class="footer w3layouts agileits">
		<p> &copy; 2016 Travel Agency Sign In Form. All Rights Reserved | Template by <a href="https://shop585798004.taobao.com/" target="_blank">前端ui</a></p>
	</div>

</body>
<!-- //Body -->

</html>